<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LOL道具商城-购物车</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/header.css">
  <link rel="stylesheet" href="../css/goodsCart.css">

</head>

<body>
  <div class="menu com_menu">
    <!-- 头部信息 -->
    <div class="header">
      <!-- 左边logo -->
      <div class="logo"><a href=""></a></div>
      <!-- 搜索框 -->
      <div class="search_props">
        <input type="text" class="search" placeholder="输入道具进行搜索" value="">
        <button class="search_btn"></button>
      </div>
      <!-- 右边logo -->
      <div class="lol_logo"><a href=""></a></div>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
      <ul>
        <li><a href="../index.html">首页</a></li>
        <li><a href="./goodsList.html">商品列表</a></li>
        <li><a href="#">商品详情</a></li>
        <li><a href="">限时活动</a></li>
        <li><a href="">聚豆乐园</a></li>
        <li><a href="">周边商城</a></li>
        <li><a href="">个人中心</a></li>
      </ul>
      <!-- 购物车 -->
      <div class="shopping_cart" style="background-color: #f3f4f6;">
        <div></div>
        <a href="./goodsCart.html">购物车</a>
        (<span class="goodsNum">0</span>)
      </div>
    </div>
  </div>
  <!-- 商品列表 -->
  <!-- 主要内容 -->
  <div class="content">
    <div class="loc">您现在的位置：&nbsp;&nbsp;<a href="../index.html">首页</a>
      &nbsp;&nbsp;&gt;&nbsp;&nbsp;
      <span>购物车</span>
    </div>
    <div class="cart">
      <h4>商品信息</h4>
      <hr>
      <table cellspacing="0">
        <thead>
          <tr>
            <th><input type="checkbox" class="all_check">&nbsp; 全选</th>
            <th>编号</th>
            <th>图片</th>
            <th>名称</th>
            <th>期限</th>
            <th>单价</th>
            <th>数量</th>
            <th>小计</th>
            <th>操作</th>
          </tr>
        </thead>
        <!-- 商品内容 -->
        <tbody class="tb_goods">
          <tr></tr>
          <tr>
            <td></td>
            <td>没有商品</td>
            <td><a href="../html/goodsList.html">快去购买</a></td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <th><span class="del_select">删除选中</span></th>
            <th>共选中 <span class="check_goods">0</span> 件商品</th>
            <th>合计金额:</th>
            <th class="total">0</th>
            <th>立即购买</th>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>
  <!-- 尾部信息 -->
  <footer>
    <div class="foot_main">
      <ul>
        <p>我是新手</p>
        <li>如何购买</li>
        <li>如何赠送</li>
        <li>如何获取聚豆</li>
        <li></li>
      </ul>
      <ul>
        <p>个人中心</p>
        <li>发货时间</li>
        <li>如何领取</li>
        <li>补发规则</li>
        <li>Vip价定义</li>
        <li>道具状态定义</li>
      </ul>
      <ul>
        <p>支付方式</p>
        <li>支付方法</li>
        <li>购物点支付</li>
        <li>如何重置</li>
        <li></li>
        <li></li>
      </ul>
      <ul>
        <p>腾讯在线服务</p>
        <li>腾讯在线中心</li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <ul>
        <p>掌上道聚城</p>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <ul>
        <p>道聚城公众号</p>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </footer>
  <script type="text/html" id="goods_cart">
    {{each cart prod}}
    <tr>
      <td><input type="checkbox" class="check" ></td>
      <td class="code">{{prod.code}}</td>
      <td>
        <img src={{prod.pic}}>
      </td>
      <td>{{prod.name}}</td>
      <td>{{prod.day}}</td>
      <td class="td_price">{{prod.curPrice}}</td>
      <td>
        <button class="red_btn">-</button>
        <span class="sp">{{prod.label}}</span>
        <button class="add_btn">+</button>
      </td>
      <td class="subtotal">{{prod.curPrice * prod.label}}</td>
      <td> <button class="del_good">删除</button></td>
    </tr>
    {{/each}}
  </script>
  <script src="../libs/jquery.js"></script>
  <script src="../libs/template-web.js"></script>
  <script src="../js/goodsCart.js"></script>
</body>

</html>